<template>
  <div class="myScreenContainer">
    <el-row class="myPosition">
      <el-col :span="8" :offset="4">
        <img src="static/images/bigScreenLeft.png" alt="">
        <a href="http://screen.sopcloud.net/#/left" target="_blank">
          <img src="/static/images/bigScreenBtn.png" alt="" class="myBtn">    
        </a>    
      </el-col>
      <el-col :span="8" :offset="1">
        <img src="static/images/bigScreenRight.png" alt="">
        <a href="http://screen.sopcloud.net/#/right" target="_blank">
          <img src="/static/images/bigScreenBtn.png" alt="" class="myBtn">  
        </a>
      </el-col>
    </el-row>
  </div>
</template>

<style scoped>
  .myScreenContainer{
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("/static/images/bigScreenBg.jpg") -100px -150px;
    margin-top: -11px;
    margin-left: -20px;
  }
  .myPosition{
    position: absolute;
    top: 45%;
    margin-top:-150px;
  }
  img.myBtn{
    margin-top: 20px;
  }
  img{
    width: 100%;
    max-width: 500px;
  }
</style>

<script>
  export default {
    data(){
      return{
        
      }
    },
  	components: {
  	    
    },
    mounted(){
      document.title = '监控大屏';
      
    }

  }
</script>



